<template>
    <div class="box">
        <div class="header">
            <div class="title">{{title}}</div>
            <div class="close">&times;</div>
        </div>
        <div class="main">
            <slot>暂无内容</slot>
        </div>
    </div>
</template>

<script>
export default {
    props:['title']
}
</script>

<style lang="scss">
    .box{
        width: 325px;
        border-radius: 5px;
        border: 1px solid #000;
        .header{
            position: relative;
            height: 40px;
            background-color: #007CB7;
            .title{
                color: white;
            }
            .close{
                position:absolute;
                right: 10px;
                line-height: 40px;
                color: white;
                font-size: 32px;
            }
        }
        .main{
            padding: 10px;
            text-align: center;
        }

    }
</style>